<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>超链接</title>
</head>
<body>
    <a href="http://www.baidu.com">超链接</a>
    <a href="learn_01.html">超链接</a>
    <a href="./learn_02.html">相对路径</a>
    <!-- target属性  后面的值可以是_self或者 _blank -->
    <a href="http://www.baidu.com" target="_self">本网页打开超链接</a>
    <a href="http://www.baidu.com">新网页打开超链接</a>
    


<!-- 
   id属性  唯一值  类似于标签的身份证号码 不可以重复 
 -->
<a href="#p5">跳转到p5</a>
<a href="#">跳转到开头</a>
 <p>1Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, quibusdam quaerat delectus porro fuga tenetur, corporis commodi exercitationem praesentium animi omnis. Exercitationem impedit vero id veritatis cupiditate aliquam natus accusantium.</p>
 <p>2Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, quibusdam quaerat delectus porro fuga tenetur, corporis commodi exercitationem praesentium animi omnis. Exercitationem impedit vero id veritatis cupiditate aliquam natus accusantium.</p>
 <p>3Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, quibusdam quaerat delectus porro fuga tenetur, corporis commodi exercitationem praesentium animi omnis. Exercitationem impedit vero id veritatis cupiditate aliquam natus accusantium.</p>
 <p>4Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, quibusdam quaerat delectus porro fuga tenetur, corporis commodi exercitationem praesentium animi omnis. Exercitationem impedit vero id veritatis cupiditate aliquam natus accusantium.</p>
 <p id="p5">5Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, quibusdam quaerat delectus porro fuga tenetur, corporis commodi exercitationem praesentium animi omnis. Exercitationem impedit vero id veritatis cupiditate aliquam natus accusantium.</p>
 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, quibusdam quaerat delectus porro fuga tenetur, corporis commodi exercitationem praesentium animi omnis. Exercitationem impedit vero id veritatis cupiditate aliquam natus accusantium.</p>
 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, quibusdam quaerat delectus porro fuga tenetur, corporis commodi exercitationem praesentium animi omnis. Exercitationem impedit vero id veritatis cupiditate aliquam natus accusantium.</p>
 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, quibusdam quaerat delectus porro fuga tenetur, corporis commodi exercitationem praesentium animi omnis. Exercitationem impedit vero id veritatis cupiditate aliquam natus accusantium.</p>
 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, quibusdam quaerat delectus porro fuga tenetur, corporis commodi exercitationem praesentium animi omnis. Exercitationem impedit vero id veritatis cupiditate aliquam natus accusantium.</p>
 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, quibusdam quaerat delectus porro fuga tenetur, corporis commodi exercitationem praesentium animi omnis. Exercitationem impedit vero id veritatis cupiditate aliquam natus accusantium.</p>
 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, quibusdam quaerat delectus porro fuga tenetur, corporis commodi exercitationem praesentium animi omnis. Exercitationem impedit vero id veritatis cupiditate aliquam natus accusantium.</p>
 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, quibusdam quaerat delectus porro fuga tenetur, corporis commodi exercitationem praesentium animi omnis. Exercitationem impedit vero id veritatis cupiditate aliquam natus accusantium.</p>
 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, quibusdam quaerat delectus porro fuga tenetur, corporis commodi exercitationem praesentium animi omnis. Exercitationem impedit vero id veritatis cupiditate aliquam natus accusantium.</p>
 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, quibusdam quaerat delectus porro fuga tenetur, corporis commodi exercitationem praesentium animi omnis. Exercitationem impedit vero id veritatis cupiditate aliquam natus accusantium.</p>
 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, quibusdam quaerat delectus porro fuga tenetur, corporis commodi exercitationem praesentium animi omnis. Exercitationem impedit vero id veritatis cupiditate aliquam natus accusantium.</p>
 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, quibusdam quaerat delectus porro fuga tenetur, corporis commodi exercitationem praesentium animi omnis. Exercitationem impedit vero id veritatis cupiditate aliquam natus accusantium.</p>
 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, quibusdam quaerat delectus porro fuga tenetur, corporis commodi exercitationem praesentium animi omnis. Exercitationem impedit vero id veritatis cupiditate aliquam natus accusantium.</p>
 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, quibusdam quaerat delectus porro fuga tenetur, corporis commodi exercitationem praesentium animi omnis. Exercitationem impedit vero id veritatis cupiditate aliquam natus accusantium.</p>
 <a href="#"></a>
</body>
</html>